import React from 'react';
import './index.less';
import render from 'src/hrpub/common/frame/render';
import { connect } from 'src/hrpub/common/store';
import { ContractRefer, OrgRefer, PsnclRefer } from '../../../Detail/components/Refer/refer';

const HomeHeader = render()(({ props, action, state }) => {
	const { staffCom } = props;
	return (
		<div className={'home-header nc-bill-header-area'}>
			<div className={'refer-box header-title-search-area'}>
				<OrgRefer val={staffCom.hrorgobj} onChange={props.hrorgChange} language={staffCom.language} />
			</div>
			<div className={'refer-box header-title-search-area'}>
				<PsnclRefer val={staffCom.psncobj} onChange={props.psnclChange} language={staffCom.language} />
			</div>
		</div>
	);
});

export default connect(HomeHeader);
